---
import Layout from './layouts/Layout.astro'
import { Image } from 'astro:assets'
import bg from '/public/indexBg.png'
import ModuleTitle from './components/ModuleTitle.astro'
import Technology from './components/Technology.astro'
import Cores from './components/Cores.astro'
import Services from './components/Services.astro'
import News from './components/News.vue'
---
<Layout title="ジャントンテクノロジー" active="1">
  <main>
    <Image src={bg} alt="背景画像" class="pt-[64px] w-full object-cover h-[229.57px]"/>
    <div class="w-full">
      <div
        class="w-full flex items-center flex-col"
      >
        <ModuleTitle english="ジャントンについて" />
        <img
          src="/index-jungt-dt.gif"
          width="100%"
          id="video"
          class="mb-8 md:mb-10"
          alt="animated image"
        />
        <div >
          <p
            style="text-indent: 2em;"
            class="text-[#333] font-[300] px-[6%] leading-[25px] md:text-2xl md:leading-10"
          >
            上海ジャントンテクノロジー有限会社は、高新技術企業として、電子とインテリジェント化エンジニアリングの専門請負業の二级資質を保持し、また華東師範大学の卒業生の実習基地でもあります。同社の従業員の半数以上は人工知能の専門資格証書を保有しています。ジャントンテクノロジー有限会社はデジタルシーンの実地導入サービスに専念し、AI技術を通じて伝統的な管理モードを革新し、人工管理からインテリジェント管理への飛躍を実現したいと考えています。
          </p>
          <p
            style="text-indent: 2em;"
            class="text-[#333] font-[300] px-[6%] leading-[25px] md:text-2xl md:leading-10 md:mb-8"
          >
            ジャントンテクノロジー有限会社のコア戦略は、IoTセンシング技術（OT）、先進的なアルゴリズムモデルと革新的なXR（拡張現実）のグラフィックおよびテキスト表示手段を融合することにあり、これによりIT/OT/XR統合ソリューションを成功的に構築しました。このソリューションは情報の孤島化をなくし、さまざまな技術層の間の高効率な連携を促進し、特に低コードプラットフォーム上でシステム統合のシームレスな接続を実現し、複雑な技術のハードルを下げ、企業の高効率なイノベーションとデジタルシーンの実地導入を促進することを目的としています。
          </p>
          <div class="mt-3 mb-8 h-[88px] flex justify-between px-[6%] md:mb-14">
            <div class="text-[28px] text-[#294dce] font-[600] text-center mt-2 ml-2 md:text-5xl">
              <span data-v-865b471a="">200</span>
              <div class="text-[14px] text-[#999] font-[400] md:text-2xl">カバレッジエリア</div>
            </div>
            <div  class="b-4 mx-4 mt-2 inline-block w-[1px] bg-[#ccc] h-[88px]">
            </div>
            <div class="text-[28px] text-[#294dce] font-[600] text-center mt-2 md:text-5xl">
              <span data-v-865b471a="">15</span>
              <div class="text-[14px] text-[#999] font-[400] md:text-2xl">自社製品開発</div>
            </div>
            <div role="separator" class="mx-4 mt-2 h-[88px] inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-[28px] text-[#294dce] font-[600] text-center mt-2 mr-4 md:text-5xl">
              <span data-v-865b471a="">30</span>
              <div class="text-[14px] text-[#999] font-[400] md:text-2xl">提携企業</div>
            </div>
          </div>
        </div>
      </div>
      <Technology />
      <Cores />
      <Services />
      <News client:idle />
    </div>
  </main>
</Layout>